//定义store
import {defineStore} from 'pinia'
import {ref} from 'vue'
import { userLoginService } from '@/apis/user'
/* 
    第一个参数:名字,唯一性
    第二个参数:函数,函数的内部可以定义状态的所有内容

    返回值: 函数
*/
export const useUserStore = defineStore('user',()=>{
    //定义状态的内容

    //1.定义管理用户数据的state
    const userInfo = ref({})

    //2.定义获取接口数据的action函数
    const getUserInfo = async ({username,password})=>{
        const res = await userLoginService({username,password})
        userInfo.value = res.data
    }
    
    const setInfo = (newInfo)=>{
        userInfo.value = newInfo
    }

    const clearUserInfo = () =>{
        userInfo.value = {}
    }

    //3.以对象的格式把state和action 返回
    return {
        userInfo,getUserInfo,clearUserInfo,setInfo
    }
},{
    persist:true//持久化存储
});